	<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html>


	<%@ include file="taglibs.jsp"%>
	<%
		String path = request.getContextPath();
	%>
	<head>
	<%@ page isELIgnored="false" %>
		<title>时代网-赤峰的网上之家</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script src="jquery-min.js" language="javascript"
			type="text/javascript"></script>
		<link id="setSkin" type="text/css" rel="stylesheet"
			href="theme_blue1227.css" />

		<link rel="stylesheet" type="text/css" href="style.css" />
		<link rel="stylesheet" type="text/css" href="headPic.css" />

		<script type="text/javascript" src="headPic.js">
		</script>
	</head>

	<body>
		<div id="mininav">
			<div id="mini_nav_qq_wrap">
				<div id="mini_nav_qq">
					<div class="mini_nav_fl">
						<ul>
							<li class="first">
								<a href="javascript:void(0)"
									onClick="SetHome(this,window.location)" target="_top">设为首页</a>
							</li>
							<li class="mobile">
								<a href="#" target="_blank" onclick="NavClickStat(2)">联系我们</a>
							</li>
							<li class="ipad">
								<a href="#" target="_blank" onclick="NavClickStat(4)">登陆</a>
							</li>
							<li>
								<a href="#" target="_blank">注册</a>
							</li>
							<li class="end">
								<a href="#" target="_blank" onclick="NavClickStat(3)">帮助</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="header">
			
			<div class="expo_nav" id="TextNav">
				<style type="text/css">
				.expo_nav .line {
					width:14px;
				}
				.aline {
					width:1px;height:60px;background-color:lightgrey;margin:3px 5px 0 5px;
				}
				</style>
				<div class="expo_logo">
					<a href="<%=path%>/gotoIndex.do"><img src="menu_bg8.gif" width="115" height="50" border="0" style="margin-top:5px;"></img></a>
				</div>
				<c:forEach var="row" items="${fcList}" varStatus="status">
					<c:if test="${(status.index)%18==0 && status.index!=0}">
						</div>
						<div class="aline"></div>
					</c:if>
					<c:choose >
					<c:when test="${(status.index)%18==0 || status.index==0}">
						<div>
					</c:when>
					<c:otherwise>
						<c:if test="${(status.index)%6==0}">
							<br/>
						</c:if>
					</c:otherwise>
					</c:choose>
					<a style="padding-left: 0px; padding-right: 3px;" href="javascript:void(0);" onclick="gotoFirstClassify('${row.firstClassId}')">${row.className}</a>
				</c:forEach>
				</div>
			</div>
			<div class="gg-g24 clearfix">
				<div id="" class="wgt-tab-gg left">
					<div class="tab-hd-gg-left">
						<ul>
							<c:forEach var="lhead" items="${lhaList}" varStatus="hi">
								<c:if test="${hi.index<3}">
									<c:choose>
										<c:when test="${hi.index==0}">    
											<li id=${lhead.headAdvertId} class="tab-u current">${lhead.headName}</li>
									    </c:when>
									    <c:otherwise>  
									    	<li id=${lhead.headAdvertId} class="tab-u">${lhead.headName}</li>
									    </c:otherwise>
									</c:choose>
								</c:if>
							</c:forEach>
						</ul>
					</div>
					<div class="left tab-bd-gg display-control">
						<c:forEach var="lhead" items="${lhaList}" varStatus="hi">
							<c:if test="${hi.index<3}">
								<c:choose>
									<c:when test="${hi.index==0}">    
										<div class="tab-con ${lhead.headAdvertId} cBlue current">
											<c:forEach var="hal" items="${lhead.headAdvertLists}" varStatus="hali">
												<a href="javascript:void(0);" onclick="gotoHeadAdvert('${hal.headAdvertListId }')">${hal.advertName}</a>
												<br />
											</c:forEach>
										</div>
								    </c:when>
								    <c:otherwise>  
								    	<div class="tab-con ${lhead.headAdvertId} cBlue">
								    		<c:forEach var="hal" items="${lhead.headAdvertLists}" varStatus="hali">
												<a href="javascript:void(0);" onclick="gotoHeadAdvert('${hal.headAdvertListId }')">${hal.advertName}</a>
												<br />
											</c:forEach>
								    	</div>
								    </c:otherwise>
								</c:choose>
							</c:if>
						</c:forEach>
					</div>
				</div>
				<div class="gg-g24-main cBlue">
					
					<div class="container" id="idTransformView2">
					  <ul class="slider slider2" id="idSlider2">
					  	<c:forEach var="headAp" items="${headAps}">
					  		<li><a href="javascript:void(0);" onclick="gotoCompanyDetail('${headAp.company.companyId }')"><img src=<%=path %>${headAp.picUrl }></img></a></li>
					  	</c:forEach>
					  </ul>
					
					  <ul class="num" id="idNum2">
					  	<c:forEach var="headAp" varStatus="hai" items="${headAps}">
					    <li>${hai.index+1 }</li>
					    </c:forEach>
					  </ul>
					</div>
				</div>
				<div id="cAn1_r" class="wgt-tab-gg right">
					<div class="tab-hd-gg-right">
						<ul>
							<c:forEach var="rhead" items="${rhaList}" varStatus="hr">
								<c:if test="${hr.index<3}">
									<c:choose>
										<c:when test="${hr.index==0}">    
											<li id=${rhead.headAdvertId} class="tab-u current">${rhead.headName}</li>
									    </c:when>
									    <c:otherwise>  
									    	<li id=${rhead.headAdvertId} class="tab-u">${rhead.headName}</li>
									    </c:otherwise>
									</c:choose>
								</c:if>
							</c:forEach>
						</ul>
					</div>
					<div class="right tab-bd-gg display-control">
						<c:forEach var="rhead" items="${rhaList}" varStatus="hi">
							<c:if test="${hi.index<3}">
								<c:choose>
									<c:when test="${hi.index==0}">    
										<div class="tab-con ${rhead.headAdvertId} cBlue current">
											<c:forEach var="har" items="${rhead.headAdvertLists}" varStatus="hali">
												<a href="javascript:void(0);" onclick="gotoHeadAdvert('${har.headAdvertListId }')">${har.advertName}</a>
												<br />
											</c:forEach>
										</div>
								    </c:when>
								    <c:otherwise>  
								    	<div class="tab-con ${rhead.headAdvertId} cBlue">
								    		<c:forEach var="har" items="${rhead.headAdvertLists}" varStatus="hali">
												<a href="javascript:void(0);" onclick="gotoHeadAdvert('${har.headAdvertListId }')">${har.advertName}</a>
												<br />
											</c:forEach>
								    	</div>
								    </c:otherwise>
								</c:choose>
							</c:if>
						</c:forEach>
					</div>
				</div>
			</div>

			<div class="search">
				<div style="margin: 15px auto;">
					<input type="text" id="searchValue" style="height: 25px; color: #808080;"
						onblur="if(!this.value)this.value='输入本地搜索...';return true;"
						onfocus="if(this.value=='输入本地搜索...')this.value='';return true;"
						value="输入本地搜索..." size=100></input>
					<button onclick="forSearch();">
						搜索
					</button>
					<a target="_self" href="#" style="margin-left: 5px;">住宅楼出售</a><a
						target="_self" href="#" style="margin-left: 5px;">饭店转兑</a><a
						target="_self" href="#" style="margin-left: 5px;">洗车王国</a>
					<br />
				</div>
			</div>
		</div>
<script type="text/javascript">
	function forSearch(){
		var sv=$("#searchValue");
		var val=sv.val();
		val=encodeURI(encodeURI(val));
		window.open('<%=path%>/getSearchDetl.do?searchValue='+val,'','');
	}
</script>
		
		<div class="content">
			
			<c:forEach var="row" items="${areaList}" varStatus="status">
				<div class="area">
					<div class="area-sub">
						<div id="product" class="mod product-mod">
							<c:forEach var="left" items="${row.leftRecommons}" varStatus="li">
								<h2 class="hd clearfix">
									<span class="mod-title"><a href="javascript:void(0);">${left.areaName}</a>
									</span>
								</h2>
								<div class="bd tab-bd display-control">
									<div class="tab-con current">
										<div class="product-map cBlue">
											<c:forEach var="first" items="${left.firstClasses}" varStatus="fi">
												<div class="product-item-mail clearfix">
													<strong><a class="icon" href="javascript:void(0);" onclick="gotoFirstClassify('${first.firstClassId}')">${first.className}</a>
													</strong>
													<c:forEach var="second" items="${first.secondClasses}" varStatus="si">
														<a href="javascript:void(0);" onclick="gotoSecontClassify('${second.secClassId }')">${second.className}</a>
													</c:forEach>
												</div>
											</c:forEach>
									 	</div>
									</div>
								</div>
							</c:forEach>
						</div>
						<div id="g5n1" class="mod wgt-tab">
							<c:forEach var="left" items="${row.leftRecommons}" varStatus="li">
								<div class="tab-hd tab-u-5 clearfix">
									<c:forEach var="ap" items="${left.advertPics}" varStatus="ai">
										<c:choose>
											<c:when test="${ai.index==0}">    
												<span id=${ap.advertPicId} class="tab-u current">${ap.picName}</span>
										    </c:when>
										    <c:otherwise>  
										    	<span id=${ap.advertPicId} class="tab-u">${ap.picName}</span>
										    </c:otherwise>
										</c:choose>
									</c:forEach>
								</div>
								<div class="bd display-control">
									<c:forEach var="ap" items="${left.advertPics}" varStatus="ai">
										<c:choose>
											<c:when test="${ai.index==0}">    
												<div class="tab-con ${ap.advertPicId} current">
													<ul class="mod-list sub-list">
														<a href="javascript:void(0);" onclick="gotoCompanyDetail('${ap.company.companyId }')">
															<img src=<%=path %>${ap.picUrl}
																width="170" height="250" /> </a>
													</ul>
												</div>
										    </c:when>
										    <c:otherwise>  
										    	<div class="tab-con ${ap.advertPicId}">
													<ul class="mod-list sub-list">
														<a
															href="javascript:void(0);" onclick="gotoCompanyDetail('${ap.company.companyId }')">
															<img
																src=<%=path %>${ap.picUrl}
																width="170" height="250" /> </a>
													</ul>
												</div>
										    </c:otherwise>
										</c:choose>
									</c:forEach>
								</div>	
							</c:forEach>
						</div>
						<div class="gg gg-h100">
							<c:forEach var="left" items="${row.leftRecommons}" varStatus="li">
								<c:forEach var="ap" items="${left.advertPics}" varStatus="ai">
									<c:if test="${ai.index==4}">  
										<a href="javascript:void(0);" onclick="gotoCompanyDetail('${ap.company.companyId }')">
											<img width="190" height="100" border="0" alt="" src=<%=path %>${ap.picUrl}></img>
										</a>
								    </c:if>
								</c:forEach>
							</c:forEach>
						</div>
					</div>
					
					<div class="area-main">
						<div class="main-col-10">
							<c:forEach var="middle" items="${row.middleAreas}" varStatus="mi">
							<div class="mod wgt-tab" id="money">
								<h2 class="tab-hd tab-u-10 clearfix">
									<c:forEach var="second" items="${middle.secondClasses}" varStatus="si">
										<c:choose>
											<c:when test="${si.index==0}">    
												<span id=${second.secClassId} class="tab-u current"><a href="javascript:void(0);" onclick="gotoSecontClassify('${second.secClassId }')">${second.className}</a>
												</span>
										    </c:when>
										    <c:otherwise>  
										    	<span id=${second.secClassId} class="tab-u"><a href="javascript:void(0);" onclick="gotoSecontClassify('${second.secClassId }')">${second.className}</a>
												</span>
										    </c:otherwise>
										</c:choose>
									</c:forEach>
								</h2>
								<div class="bd tab-bd display-control">
									<c:forEach var="second" items="${middle.secondClasses}" varStatus="si">
										<c:choose>
											<c:when test="${si.index==0}">    
												<div class="tab-con current ${second.secClassId}">
										    </c:when>
										    <c:otherwise>  
										    	<div class="tab-con ${second.secClassId}">
										    </c:otherwise>
										</c:choose>
											<c:forEach var="company" items="${second.companies}" varStatus="ci">
												<c:if test="${ci.index==0}">
													<div class="imgText-temp-1 dotline clearfix">
														<div class="mod-img main-img">
															<a
																href="javascript:void(0);" onclick="gotoCompanyDetail('${company.companyId }')"><img
																	width="120" height="90" title="${company.companyDesc}" alt="${company.companyDesc}"
																	src=<%=path %>${company.mainPic}><cite>${company.companyDesc}</cite>
															</a>
														</div>
												</c:if>
												<c:if test="${ci.index==7}">
													</div>
												</c:if>
												
												<c:if test="${ci.index!=0}">
													<div>
													<a data-t-h="20" style="float: left;width:185px;" href="javascript:void(0);" onclick="gotoCompanyDetail('${company.companyId }')">${company.companyDesc}</a>
													</div>
												</c:if>
												 <c:if test="${(ci.index==0 || ci.index==1|| ci.index==2 || ci.index==3 || ci.index==4 || ci.index==5 || ci.index==6) && ci.last}">
													</div>
												</c:if>
											</c:forEach>
										</div>
									</c:forEach>
								</div>
							</div>
							</c:forEach>
						</div>
						
						<div class="main-col-9">
							<c:forEach var="right" items="${row.rightAreas}" varStatus="ri">
							<div class="mod wgt-tab" id="money">
								<h2 class="tab-hd tab-u-9 clearfix">
									<c:forEach var="second" items="${right.secondClasses}" varStatus="si">
										<c:choose>
											<c:when test="${si.index==0}">    
												<span id="right${second.secClassId}"  class="tab-u current"><a href="javascript:void(0);" onclick="gotoSecontClassify('${second.secClassId }')">${second.className}</a>
												</span>
										    </c:when>
										    <c:otherwise>  
										    	<span id="right${second.secClassId}" class="tab-u"><a href="javascript:void(0);" onclick="gotoSecontClassify('${second.secClassId }')">${second.className}</a>
												</span>
										    </c:otherwise>
										</c:choose>
									</c:forEach>
								</h2>
								<div class="bd tab-bd display-control">
									<c:forEach var="second" items="${right.secondClasses}" varStatus="si">
										<c:choose>
											<c:when test="${si.index==0}">    
												<div class="tab-con current right${second.secClassId}">
										    </c:when>
										    <c:otherwise>  
										    	<div class="tab-con right${second.secClassId}">
										    </c:otherwise>
										</c:choose>
											<c:forEach var="company" items="${second.companies}" varStatus="ci">
												<c:if test="${ci.index==0}">
													<div class="imgText-temp-1 dotline clearfix">
														<div class="mod-img main-img">
															<a
																href="javascript:void(0);" onclick="gotoCompanyDetail('${company.companyId }')"><img
																	width="120" height="90" title="${company.companyDesc}" alt="${company.companyDesc}"
																	src=<%=path %>${company.mainPic}><cite>${company.companyDesc}</cite>
															</a>
														</div>
												</c:if>
												<c:if test="${ci.index==7}">
													</div>
												</c:if>
												<c:if test="${ci.index!=0}">
													<div>
													<a data-t-h="20" style="float: left;width:165px;" href="javascript:void(0);" onclick="gotoCompanyDetail('${company.companyId }')">${company.companyDesc}</a>
													</div>
												</c:if>
												<c:if test="${(ci.index==0 || ci.index==1|| ci.index==2 || ci.index==3 || ci.index==4 || ci.index==5 || ci.index==6) && ci.last}">
													</div>
												</c:if>
											</c:forEach>
										</div>
									</c:forEach>
								</div>
							</div>
							</c:forEach>
						</div>
						<div class="main-col-10" style="margin:0 0 10px 0;">
							<c:forEach var="middle" items="${row.middleAreas}" varStatus="mi">
								<c:forEach var="ap" items="${middle.advertPics}" varStatus="ai">
									<a href="javascript:void(0);" onclick="gotoCompanyDetail('${ap.company.companyId }')">
										<img width="390" height="100" border="0" alt="" src=<%=path %>${ap.picUrl}></img>
									</a>
								</c:forEach>
							</c:forEach>
						</div>
						<div class="main-col-9">
							<c:forEach var="right" items="${row.rightAreas}" varStatus="ri">
								<c:forEach var="ap" items="${right.advertPics}" varStatus="ai">
									<a href="javascript:void(0);" onclick="gotoCompanyDetail('${ap.company.companyId }')">
										<img width="360" height="100" border="0" alt="" src=<%=path %>${ap.picUrl}></img>
									</a>
								</c:forEach>
							</c:forEach>
						</div>	
					</div>
				</div>
			</c:forEach>
		</div>
		<script type="text/javascript">
		
		$(document).ready(function(){
			$('.tab-hd-gg-left li').mouseover(function(){
				$(this).addClass("current").siblings().removeClass().addClass("tab-u");
				$("."+$(this).attr("id")).show().siblings().hide();
			});
			$('.tab-hd-gg-right li').mouseover(function(){
				$(this).addClass("current").siblings().removeClass().addClass("tab-u");
				$("."+$(this).attr("id")).show().siblings().hide();
			});
			$('.tab-hd.tab-u-5 span').mouseover(function(){
				$(this).addClass("current").siblings().removeClass().addClass("tab-u");
				$("."+$(this).attr("id")).show().siblings().hide();
			});
			
			$('.tab-hd.tab-u-10 span').mouseover(function(){
				$(this).addClass("current").siblings().removeClass().addClass("tab-u");
				$("."+$(this).attr("id")).show().siblings().hide();
			});
			
			$('.tab-hd.tab-u-9 span').mouseover(function(){
				$(this).addClass("current").siblings().removeClass().addClass("tab-u");
				$("."+$(this).attr("id")).show().siblings().hide();
			});

		});
		function gotoCompanyDetail(id){
			window.open('<%=path%>/getComDel.do?companyId='+id,'','');
		}
		function gotoFirstClassify(id){
			window.open('<%=path%>/getFirstClassDetail.do?firstId='+id,'','');
		}
		function gotoSecontClassify(id){
			window.open('<%=path%>/getSecondClassDetail.do?secondId='+id,'','');
		}
		function gotoHeadAdvert(id){
			window.open('<%=path%>/getHeadAdvertDetail.do?headAdvertId='+id,'','');
		}
		function gotoIndex(){
			window.location.href='<%=path%>/gotoIndex.do';
		}
	</script>
	<%@ include file="footer.jsp"%>
	</body>
</html>
